.header{
    width: 1200px;
    height: 60px;
    background-color: lightcoral;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    >.logo{
        width: 50px;
        height: 40px;
        background-color: lightgreen;
    }
    >ul{
        width: 600px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        list-style: none;
        >li{
            width: 80px;
            text-align: center;
            line-height: 30px;
            >a{
                display: block;
                background-color: lightskyblue;
                text-decoration: none;
                color: #333;
                &:hover{
                    background-color: lightseagreen;
                    color: #fff;
                }
            }
        }
    }
}